<template>
  <view>
    <u-button @click="show = true">打开</u-button>
    <u-picker
      v-model="selectedValue"
      :columns="pickerColumns"
      @confirm="onConfirm"
      @cancel="onCancel"
      :show="show"
      title="请选择"
    />
    <text>选择的值: {{ selectedValue }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      show:false,
      selectedValue: '', // 选中的值
      pickerColumns: [['选项1', '选项2', '选项3']] // 可选项
    };
  },
  methods: {
    onConfirm(value) {
	  this.selectedValue = value.value[0]; // 确认选择时更新选中值
      this.show = false;
	},
    onCancel() {
      console.log('选择取消'); // 取消选择时的处理
    }
  }
};
</script>

<style>
/* 自定义样式 */
</style>